<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="../pengxuan.js"></script>
<script src="../animate.js"></script>
<style>
.out{border:1px solid blue; position:relative;width:50px; height:30px;}

</style>
<script>
window.onload=function(){
	var out=getClass("out")[0];
	var input=document.getElementsByTagName("input")[0];
	var cw=document.documentElement.clientWidth;
	var ch=document.documentElement.clientHeight;
	
	input.onclick=function(){
		var div=document.createElement("div");
		div.style.cssText="width:8px;height:8px;border:1px solid green;position:absolute;";
		out.appendChild(div);
		animate(div,{left:(cw-300)/2,top:(ch-200)/2,width:300,height:200},1000,Tween.Back.easeIn);
		div.onclick=function(){
			animate(div,{left:0,top:0,width:0,height:0},1000,Tween.Back.easeIn,function(){
				div.style.display="none";	
			})	
		};
		
		
	};	
};
</script>
</head>

<body>
<div class="out">
	<input type="button" value="登录" />
</div>
</body>
</html>
